<template>  
    <div class="goods-list" >
        <goods-list-item class="goods-list-item" v-for="(item , i) in goods" :key="i" :goodsItem="item" />
    </div>
</template>



<script>
    import GoodsListItem from "components/common/goods/GoodsListItem"

    export default {
    name: 'GoodsList',
    props: {
        goods:{
            type:Array,
            default(){
                return []
            }
        }
    },
    components:{
        GoodsListItem
    }
  }
</script>

<style>
    .goods-list {
        display: flex;
        flex-wrap: wrap;
    }
</style>